<%@page language="java" pageEncoding="UTF-8"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="org.firecloud.h5fun.model.CommonConfig"%>
<%
	CommonConfig webconfig = (CommonConfig) request.getServletContext().getAttribute("commonConfig");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/common.css" type="text/css" rel="stylesheet" />
<link href="css/icon.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/page-register.js"></script>
<title><%=webconfig.getTitle()%></title>
<style type="text/css">
.reg-context {
	width: 400px;
	margin: 0 auto;
}

.reg-context-itme {
	margin: 0px auto;
	width: 400px;
}

.reg-context-img {
	width: 400px;
	height: 300px;
}

#reglogo {
	width: 100px;
	height: 30px;
}

.reg-itme {
	border: 1px solid #AAA;
	margin: 5px;
	position: relative;
	height: 36px;
}

.reg-itme:hover {
	border: 1px solid #39A9CF;
}

.reg-icon {
	font-size: 24px;
	color: #AAA;
	position: absolute;
	top: 3px;
	left: 6px;
	display: inline-block;
	position: absolute;
}

.reg-input-text {
	background-color: #FFF;
	font-size: 14px;
	border: none;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0px 0px 0px 36px;
}

.reg-input-button {
	background-color: #FFF;
	border: 1px solid #AAA;
	cursor: pointer;
}

.reg-input-button:hover {
	border: 1px solid #39A9CF;
}

.reg-input-image {
	border: 1px solid #AAA;
}

.reg-input-image:hover {
	border: 1px solid #39A9CF;
}
</style>
</head>
<body>
	<div class="doc">
		<jsp:include page="widget-head.jsp" />
		<div class="reg-context">
			<div class="reg-context-itme">
				<div style="margin: 0px auto 20px auto; width: 160px;">
					<img style="float: left;" id="reglogo" src="image/logo.png" />
					<div
						style="font-size: 24px; padding-left: 10px; line-height: 30px; float: left;">注册</div>
					<div class="clear-both"></div>
				</div>
				<form id="form">
					<div id="login-info" class="info reg-itme">请填写信息注册帐号</div>
					<div class="reg-itme">
						<div class="icon-envelop reg-icon"></div>
						<input id="mail" type="text" id="input-mail" placeholder="请输入邮箱"
							class="reg-input-text" />
					</div>
					<div class="reg-itme">
						<div class="icon-user  reg-icon"></div>
						<input id="name" type="text" placeholder="请输入昵称"
							class="reg-input-text" />
					</div>
					<div class="reg-itme">
						<div class="icon-eye  reg-icon"></div>
						<input id="password" type="password" placeholder="请输入密码"
							class="reg-input-text" />
					</div>
					<div class="reg-itme">
						<div class="icon-eye  reg-icon"></div>
						<input id="repassword" type="password" placeholder="请确认密码"
							class="reg-input-text" />
					</div>
					<div style="width: 390px; margin: 5px;">
						<div class="reg-itme"
							style="width: 188px; height: 36px; float: left; margin: 0px;">
							<div class="icon-key  reg-icon"></div>
							<input id="mail_vcode" type="text" placeholder="请输入邮箱验证码"
								class="reg-input-text" />
						</div>
						<div
							style="width: 190px; height: 100%; float: left; margin-left: 10px;">
							<input id="send-mail-vcode" class="reg-input-button"
								type="button" value="发送邮箱验证码"
								style="width: 100%; height: 38px; padding: 0px;" />
						</div>
						<div class="clear-both"></div>
					</div>
					<div style="width: 390px; margin: 5px;">
						<div class="reg-itme"
							style="width: 188px; height: 36px; float: left; margin: 0px;">
							<div class="icon-key  reg-icon"></div>
							<input id="vcode" type="text" name="vcode" placeholder="请输入右图验证码"
								class="reg-input-text" />
						</div>
						<img id="page-login-vcode-img" src="get_verification_code"
							class="reg-input-image"
							style="width: 188px; cursor: pointer; height: 36px; float: left; margin-left: 10px;" />
						<div class="clear-both"></div>
					</div>
					<div style="width: 390px; margin: 5px;">
						<div style="width: 190px; height: 100%; float: left;">
							<input class="reg-input-button" type="reset" value="重置"
								style="width: 100%; height: 38px; padding: 0px;" />
						</div>
						<div
							style="width: 190px; height: 100%; float: left; margin-left: 10px;">
							<input id="register" class="reg-input-button" type="button"
								value="注册" style="width: 100%; height: 38px; padding: 0px;" />
						</div>
						<div class="clear-both"></div>
					</div>
				</form>
			</div>
			<div class="clear-both"></div>
		</div>
		<jsp:include page="widget-foot.jsp" />
	</div>
</body>
</html>